/* 
    Document   : style
    Created on : 01-may-2012, 23:16:43
    Description:
        Purpose of the stylesheet follows.
*/

/* FONT STACK */
body,
input, select, textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
}

/* BASE LAYOUT */

html {
	background-color: #ddd;
	background-image: -moz-linear-gradient(center top, #aaa, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(1, #ddd));
	background-image: linear-gradient(top, #aaa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#aaaaaa', EndColorStr = '#dddddd');
	background-repeat: no-repeat;
	height: 100%;
	/* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html.no-cssgradients {
	background-color: #aaa;
}

.ie6 html {
	height: 100%;
}

html * {
	margin: 0;
}

body {
	background: #abbf78;
	margin: auto;
        padding: 0.5em 0em;
	width: 60em;
	overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
	   -moz-box-shadow: 0 0 0.3em #255b17;
	-webkit-box-shadow: 0 0 0.3em #255b17;
	        box-shadow: 0 0 0.3em #255b17;
}


/* replace with .no-boxshadow body if you have modernizr available */
.ie6 body,
.ie7 body,
.ie8 body {
	border-color: #255b17;
	border-style: solid;
	border-width: 0 0.0625em;
}

.ie6 body {
	height: 100%;
}

h1 {
	color: #48802c;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0.5em 0 0.3em 0;
}

/* GENERAL */

#content {
	background: #ffffff;
	color: #333333;
	margin: 1em 0em 1em 0em;
        padding: 0.5em 2em;
	width: 55.95em;
	   -moz-box-shadow-left: 0 0 0.3em #255b17;
	-webkit-box-shadow: 0 0 0.3em #255b17;
	        box-shadow: 0 0 0.3em #255b17;
}

#content h1 {
	border-bottom: 0.0625em solid #CCCCCC;
	margin: 0.5em 1em 0.5em 0em;
	padding: 0 0.25em;
}

/* CREATE/EDIT FORMS AND SHOW PAGES */

label {
	cursor: pointer;
	display: inline-block;
	margin: 0 0.25em 0 0;
}

input, select, textarea {
	background-color: #fcfcfc;
	border: 1px solid #cccccc;
	font-size: 1em;
	padding: 0.2em 0.4em;
        margin: 0.3em 0.3em 0.3em 0.3em;
}

select {
	padding: 0.2em 0.2em 0.2em 0;
}

select[multiple] {
	vertical-align: top;
}

/* TABLES */

table {
	border-collapse: collapse;
	margin: 0.8em 1em 1em 1em;
        border: 0;
        -moz-box-shadow: 0 0 1em #f8f8f8;
	-webkit-box-shadow: 0 0 0.3em #255b17;
	        box-shadow: 0 0 0.2em #989898;
}

tr {
	border: 0;
}

#columnTitle {
        background: #c9c9c9;
        background: -moz-linear-gradient(center top, #f8f8f8, #e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e5e5e5));
	background: linear-gradient(top, #f8f8f8, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f8f8f8', EndColorStr = '#e5e5e5');
}

td{
	/*line-height: 1.5em;*/
	padding: 0.3em 1.5em 0.3em 0.6em;
	text-align: left;
	vertical-align: top;
}

/* ACTION BUTTONS */

.buttons{
	background: #efefef;
        background: -moz-linear-gradient(center top, #f8f8f8, #e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e5e5e5));
	background: linear-gradient(top, #f8f8f8, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f8f8f8', EndColorStr = '#e5e5e5');
	padding: 0.3em;
	   -moz-box-shadow: 0 0 0.1em 0.0625em #aaaaaa;
	-webkit-box-shadow: 0 0 0.1875em 0.0625em #aaaaaa;
	        box-shadow: 0 0 0.1em 0.0625em #aaaaaa;
        margin: 0.5em 1em 1.3em 0.5em;
	border: none;
}

.buttons:hover{
	background: #a2a2a2;
        background: -moz-linear-gradient(center top, #a2a2a2, #4e4e4e);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a2a2a2), color-stop(1, #4e4e4e));
	background: linear-gradient(top, #a2a2a2, #4e4e4e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#a2a2a2', EndColorStr = '#4e4e4e');
	color: #ffffff;
        text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: 0 0 0.1875em 0.0625em #c0c0c0;
	-webkit-box-shadow: 0 0 0.1875em 0.0625em #c0c0c0;
	        box-shadow: 0 0 0.1875em 0.0625em #c0c0c0;
}

.no-borderradius .buttons:hover{
	background-color: transparent;
	color: #444444;
}

.buttons:active{
	background: #a2a2a2;
        background: -moz-linear-gradient(center top, #575757, #3c3c3c);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a2a2a2), color-stop(1, #3c3c3c));
	background: linear-gradient(top, #a2a2a2, #3c3c3c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#a2a2a2', EndColorStr = '#3c3c3c');
        color: #ffffff;
}

a {
    text-decoration: none;
    color: black;
}
